<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				var id = plus.webview.currentWebview().ids;
				var remark = plus.webview.currentWebview().remark;
				var img = plus.webview.currentWebview().img;
				var nickname = plus.webview.currentWebview().nickname;
				// plus.nativeUI.toast(remark);
				document.getElementById("title").innerHTML = remark + "个人中心";
				document.getElementById("maxImg").src = img;
				document.getElementById("remark").innerHTML = remark;
				document.getElementById("nickname").innerHTML = nickname;

				//跳转到发送消息的页面
				document.getElementById("sendMessage").addEventListener("tap", function() {
					mui.openWindow({
						url: 'sendMessageChat.html',
						id: 'sendMessageChat.html',
						extras: {
								remark: remark,
								nickname : nickname
						}
					});
				});
			});
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" id="title">个人中心</h1>
		</header>
		<!-- 大图头像 -->
		<div style="text-align: center;margin-top: 80px;">
			<img src="./img/tou.jpg" id="maxImg"
				style="height: 220px;width: 220px;border-radius: 50%;margin-bottom: 50px;" />

			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<!-- <a class="mui-navigate-right">
						Item 1
					</a> -->
					<span id="remark" style="font-size: 24px;font-weight: 800;color: #CF2D28;">小马哥</span>
				</li>
				<li class="mui-table-view-cell" style="font-size: 16px;color: #999999;">
					<!-- <a class="mui-navigate-right">
						 Item 2
					</a> -->
					昵称: <span id="nickname">未进化的程序猿</span>
				</li>
			</ul>
			<ul class="mui-table-view"
				style="text-align: center;color: white;background-color: #2AC845;margin-top: 280px;">
				<li class="mui-table-view-cell mui-media" id="sendMessage">
					<a href="javascript:;">
						发消息
					</a>
				</li>
			</ul>
		</div>
	</body>

</html>
